<template>
	<div>
		<Form label-position="top">
	        <FormItem label="间距设置">
	        	<div class="ui-slider-group">
	        		<div class="label">顶部外边距</div>
	        		<div class="box">
	        			<Slider :max="50" v-model="value.margin"></Slider>
	        		</div>
	        	</div>
	        	<div class="ui-slider-group">
	        		<div class="label">上下间距</div>
	        		<div class="box">
	        			<Slider :max="50" v-model="value.paddingy"></Slider>
	        		</div>
	        	</div>
	        	<div class="ui-slider-group">
	        		<div class="label">左右间距</div>
	        		<div class="box">
	        			<Slider :max="50" v-model="value.paddingx"></Slider>
	        		</div>
	        	</div>
	        </FormItem>
	        <FormItem label="背景颜色">
	            <ColorPicker v-model="value.bgcolor"></ColorPicker>
	            <span style="margin-left: 10px; color: #999;">请选择背景填充色</span>
	        </FormItem>
	    </Form>
	    <LinkTabs placeholder="填写公告标题" v-model="value.lists"></LinkTabs>
	</div>
</template>

<script>
import LinkTabs from '../../components/LinkTabs.vue';
export default {
	name: 'noticeConfig',
	components: {
		LinkTabs
	},
	props: {
		value: Object
	}
}
</script>

<style>
</style>